<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%
  String path = request.getContextPath();
  String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<html>
<head>
  <base href="<%=basePath%>">
  <title>艾瑞商城</title>
  <style>
      ul, li {
          list-style: none;
          margin: 0;
          padding: 0;
      }

      .product-list {
          width: 800px;
          display: flex;
          flex-wrap: wrap;
          align-content: space-between;
          justify-content: space-between;
          background-color: #f5f5f5;
      }

      #shopping-cart {
          position: fixed;
          top: 50px;
          right: 50px;
      }
  </style>
</head>
<body>
<div id="shopping-cart">
  <a href="front/shoppingCart.do?action=open"><img src="assets/images/open-cart.jpg" title="打开购物车"></a>
</div>
<h2>化妆品</h2>
<ul id="cosmetic-list" class="product-list">
</ul>

<h2>家用商品</h2>
<ul id="house-use-list" class="product-list">
</ul>

<script src="assets/js/jquery-2.1.4.min.js"></script>
<script src="assets/js/index.js"></script>
<script>

</script>
</body>
</html>
